<!DOCTYPE HTML>
<html>
<head>
	<title>Home</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link href="__PUBLIC__/css/style.css" rel="stylesheet" type="text/css" media="all" />
	<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
	<!-- jQuery -->
	<script type="text/javascript" src="__PUBLIC__/js/jquery.min.js"></script>
	<!-- Add fancyBox main JS and CSS files -->
	<script src="__PUBLIC__/js/jquery.magnific-popup.js" type="text/javascript"></script>
	<link href="__PUBLIC__css/magnific-popup.css" rel="stylesheet" type="text/css">
	<script>
		$(document).ready(function() {
			$('.popup-with-zoom-anim').magnificPopup({
				type: 'inline',
				fixedContentPos: false,
				fixedBgPos: true,
				overflowY: 'auto',
				closeBtnInside: true,
				preloader: false,
				midClick: true,
				removalDelay: 300,
				mainClass: 'my-mfp-zoom-in'
			});
		});
	</script>
	<script src="__PUBLIC__/js/jquery.hoverdir.js"></script>
	<script type="text/javascript">
		$(function() {
			
			$(' #da-thumbs > li ').each( function() { $(this).hoverdir({
				hoverDelay : 50,
				inverse : true
			}); } );

		});
	</script>
</head>
<body>
	<include file="Common/header" />
	<div class="content-bottom">
		<div class="wrap">
			<h2 class="head">自营产品</h2>
			<div class="bottom-box">
				<volist name="datalists" id="vo_self">
					<div class="col_1_of_4 span_1_of_4" <if condition="($vo_self.is_self neq 1)">style="display:none;" </if>>
						<a href="{:U('produce_detail')}?id={$vo_self.id}" class="image" href="#">
							<span class="rollover"></span>
							<img class="imgborder" alt="" src="{$vo_self.pic|get_cover_url}">			
						</a>     
						<div class="text"><h4><a href="#">adipisicing</a></h4>
							<p>Lorem ipsum dolor sit amet, consectetuer</p>
						</div>
					</div>
				</volist>
				<div class="clear"></div>
			</div>
			<h2 class="head">客户产品</h2>
			<div class="section bottom">
				<volist name="datalists" id="vo_nself">
					<div class="col_1_of_4 span_1_of_4" <if condition="($vo_nself.is_self eq 1)">style="display:none;" </if>>
						<a href="{:U('produce_detail')}?id={$vo_nself.id}" class="image" href="#">
							<span class="rollover"></span>
							<img class="imgborder" alt="" src="{$vo_nself.pic|get_cover_url}">			
						</a>   
						<div class="text"><h4><a href="#">adipisicing</a></h4>
							<p>Lorem ipsum dolor sit amet, consectetuer</p>
						</div>
					</div>
				</volist>
				<div class="clear"></div>
			</div>
		</div>
	</div>
	<div class="clients">
		<div class="wrap">
			<h2 class="head">合作伙伴</h2>
			<ul id="flexiselDemo3">
				<volist name="pter_lists" id="vo_ptner">
				<li><img src="{$vo_ptner.pic|get_cover_url}" /></li>			
				</volist>
			</ul>
			<script type="text/javascript">
				$(window).load(function() {
					$("#flexiselDemo1").flexisel();
					$("#flexiselDemo2").flexisel({
						enableResponsiveBreakpoints: true,
						responsiveBreakpoints: { 
							portrait: { 
								changePoint:480,
								visibleItems: 1
							}, 
							landscape: { 
								changePoint:640,
								visibleItems: 2
							},
							tablet: { 
								changePoint:768,
								visibleItems: 3
							}
						}
					});

					$("#flexiselDemo3").flexisel({
						visibleItems: 5,
						animationSpeed: 1000,
						autoPlay: true,
						autoPlaySpeed: 3000,    		
						pauseOnHover: true,
						enableResponsiveBreakpoints: true,
						responsiveBreakpoints: { 
							portrait: { 
								changePoint:480,
								visibleItems: 1
							}, 
							landscape: { 
								changePoint:640,
								visibleItems: 2
							},
							tablet: { 
								changePoint:768,
								visibleItems: 3
							}
						}
					});

				});
			</script>
			<script type="text/javascript" src="__PUBLIC__/js/jquery.flexisel.js"></script>
		</div>
	</div>	  
</div>
<include file="Common/footer" />

</body>
</html>